<!DOCTYPE html>
<html>
    <head>
        <style>
            a{
                color: red;
                text-decoration: 5px underline;
            }

            a:visited{
                color: green;
            }

            a:hover{
                text-decoration: none;
            }

            a[href*="contact"]{
                text-decoration: solid underline pink;
                color: black;
            }

            a[href^="http"]{
                border: 1px blue dotted;
            }

            p{
                text-decoration: solid underline pink ;
            }
        </style>
    </head>
    <body>
        <ul>
            <li><a href="https://example.com">Link 1</a></li>
            <li><a href="http://example.com" title="Visit example.com">Link 2</a></li>
            <li><a href="/contact">Link 3</a></li>
            <li><a href="../contact/index.html">Link 4</a></li>
        </ul>
        <p>666</p>
        <input type='text'>
    </body>
</html>